<!DOCTYPE html>
<!-- saved from url=(0036)https://miso.bithemer.com/index.html -->
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="shortcut icon"
      type="image/png"
      href="https://miso.bithemer.com/assets/img/logo/favicon.png"
    />
    <title>Home</title>
    <link href="./static/css/bootstrap.min.css" rel="stylesheet" />
    <link href="./static/css/bootstrap-icons.min.css" rel="stylesheet" />
    <link href="./static/css/glightbox.min.css" rel="stylesheet" />
    <link href="./static/css/scrollcue.min.css" rel="stylesheet" />
    <link href="./static/css/tiny-slider.min.css" rel="stylesheet" />
    <link href="./static/css/countdown.min.css" rel="stylesheet" />
    <link href="./static/css/main.css" rel="stylesheet" />
    <link href="./static/css/custom-active.css" rel="stylesheet" />
  </head>

  <!-- Set Body to full screen when Preloader is showing. -->

  <body class="">
    <!-- Header -->
    <header
      id="header"
      class="fixed-top header-transparent bg-opacity-0 bg-body"
    >
      <nav
        class="navbar header-navbar navbar-expand-xl pt-4 pb-4 pt-xl-1 pb-xl-1"
      >
        <div class="container">
          <a
            class="navbar-brand me-5"
            href="https://miso.bithemer.com/index.html"
          >
            <img src="./static/img/logo.png" alt="Miso" height="32" />
          </a>
          <div
            class="offcanvas offcanvas-navbar offcanvas-end border-start-0"
            tabindex="-1"
            id="offcanvasNavbar"
          >
            <div class="offcanvas-header border-bottom">
              <a
                class="navbar-brand"
                href="https://miso.bithemer.com/index.html"
              >
                <img src="./static/img/logo.png" alt="Miso" height="32" />
              </a>
              <button
                type="button"
                class="btn-close shadow-none"
                data-bs-dismiss="offcanvas"
                aria-label="Close"
              ></button>
            </div>
            <div class="offcanvas-body align-items-center">
              <ul class="navbar-nav flex-grow-1 fw-medium fs-6">
                <li class="nav-item me-2">
                  <a
                    class="nav-link text-uppercase pt-xl-4 pb-xl-4 active"
                    aria-current="page"
                    href="https://miso.bithemer.com/index.html"
                    >Home</a
                  >
                </li>
                <li class="nav-item dropdown me-2">
                  <a
                    class="nav-link text-uppercase dropdown-toggle-hover pt-xl-4 pb-xl-4"
                    href="https://miso.bithemer.com/product-grid.html"
                    aria-expanded="false"
                    data-bs-toggle="static"
                  >
                    <span>Fashion</span>
                    <i class="bi bi-chevron-down dropdown-toggle-icon"></i>
                  </a>
                  <div class="dropdown-menu rounded-1 border-0 shadow-sm">
                    <div class="d-xl-flex flex-nowrap p-xl-2">
                      <div class="me-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Women</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Shirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Dress</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Skirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Trousser</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Jacket</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Underwear</a
                            >
                          </li>
                        </ul>
                      </div>
                      <div class="ms-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Men</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >T-shirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Shirts</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Vest</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Jacket</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Pants</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Underwear</a
                            >
                          </li>
                        </ul>
                      </div>
                      <div class="ms-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Girls</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Shirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Dress</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Skirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Trousser</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Jacket</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Underwear</a
                            >
                          </li>
                        </ul>
                      </div>
                      <div class="me-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Boys</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >T-shirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Shirts</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Jacket</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Pants</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Underwear</a
                            >
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="nav-item dropdown me-2">
                  <a
                    class="nav-link text-uppercase dropdown-toggle-hover pt-xl-4 pb-xl-4"
                    href="https://miso.bithemer.com/product-grid.html"
                    aria-expanded="false"
                    data-bs-toggle="static"
                  >
                    <span>Accessories</span>
                    <i class="bi bi-chevron-down dropdown-toggle-icon"></i>
                  </a>
                  <ul class="dropdown-menu rounded-1 border-0 shadow-sm">
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Wallets</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Bags</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Shoses</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Glasses</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Watches</a
                      >
                    </li>
                  </ul>
                </li>
                <li class="nav-item me-2">
                  <a
                    class="nav-link text-uppercase pt-xl-4 pb-xl-4"
                    href="https://miso.bithemer.com/blog.html"
                    >Blog</a
                  >
                </li>
                <li class="nav-item dropdown me-2">
                  <a
                    class="nav-link text-uppercase dropdown-toggle-hover pt-xl-4 pb-xl-4"
                    href="https://miso.bithemer.com/product-grid.html"
                    aria-expanded="false"
                    data-bs-toggle="static"
                  >
                    <span>Pages</span>
                    <i class="bi bi-chevron-down dropdown-toggle-icon"></i>
                  </a>
                  <div class="dropdown-menu rounded-1 border-0 shadow-sm">
                    <div class="d-xl-flex flex-nowrap p-xl-2">
                      <div class="me-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">My Account</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/dashboard.html"
                              >Dashboard</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/wishlist.html"
                              >Wishlist</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/orders.html"
                              >Orders</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/address.html"
                              >Address</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/setting.html"
                              >Setting</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/change-password.html"
                              >Change Password</a
                            >
                          </li>
                        </ul>
                      </div>
                      <div class="ms-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Other Pages</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/about.html"
                              >About</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/contact.html"
                              >Contact</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/shopping-cart.html"
                              >Shopping Cart</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/checkout.html"
                              >Checkout</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/404.html"
                              >404</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/coming-soon.html"
                              >Coming Soon</a
                            >
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              <ul
                class="list-inline mb-0 d-flex align-items-center nav-icon-links"
              >
                <li class="list-inline-item">
                  <a
                    data-bs-toggle="offcanvas"
                    href="https://miso.bithemer.com/index.html#ocSearch"
                    class="icon-link"
                  >
                    <i class="bi bi-search"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a
                    href="https://miso.bithemer.com/wishlist.html"
                    class="icon-link"
                  >
                    <i class="bi bi-heart"></i>
                    <span class="badge bg-dark">9+</span>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a
                    data-bs-toggle="offcanvas"
                    href="https://miso.bithemer.com/index.html#ocCart"
                    class="icon-link"
                  >
                    <i class="bi bi-bag"></i>
                    <span class="badge bg-dark">3</span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="d-flex justify-content-center ps-4 ms-auto">
            <a
              data-bs-toggle="modal"
              href="https://miso.bithemer.com/index.html#mdlLogin"
              class="border-0 icon-link"
            >
              <img
                src="./static/img/a1.jpg"
                height="40"
                width="40"
                class="rounded-circle"
                alt=""
              />
            </a>
          </div>
          <button
            class="navbar-toggler shadow-none border-0"
            type="button"
            data-bs-toggle="offcanvas"
            data-bs-target="#offcanvasNavbar"
            aria-controls="offcanvasNavbar"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
        </div>
      </nav>
    </header>
    <!-- /Header -->

    <!-- Offcanvas search -->
    <div
      class="offcanvas offcanvas-end border-start-0 p-3"
      tabindex="-1"
      id="ocSearch"
      aria-labelledby="h5Search"
    >
      <div class="offcanvas-header">
        <h3 class="offcanvas-title" id="h5Search">Search</h3>
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="offcanvas"
          aria-label="Close"
        ></button>
      </div>
      <div class="offcanvas-body">
        <div class="pb-4 mb-3 border-bottom">
          <form method="post">
            <div class="mb-3">
              <input
                type="email"
                class="form-control form-control-lg shadow-none fs-6 rounded-0"
                id="txtKeyword"
                aria-describedby="Keyword"
                placeholder="Product keyword..."
              />
            </div>
            <div class="mb-3">
              <select
                class="form-select form-select-lg shadow-none fs-6 rounded-0"
                aria-label="Categories"
              >
                <option selected="">Categories</option>
                <option value="1">Womens</option>
                <option value="2">Mens</option>
                <option value="3">Kids</option>
                <option value="4">Accessories</option>
              </select>
            </div>
            <button
              type="submit"
              class="btn btn-dark btn-lg fs-6 w-100 rounded-0"
            >
              Search products
            </button>
          </form>
        </div>
        <div class="pb-4 mb-3 border-bottom">
          <h6 class="mb-3 text-uppercase">Popular</h6>
          <ul class="list-inline small tag-list mb-0">
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/index.html#">Women Shoses</a>
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/index.html#">kid t-shirt</a>
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/index.html#">men clother</a>
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/index.html#">men wallets</a>
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/index.html#">watches</a>
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/index.html#">Glasses</a>
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/index.html#">t-shirt</a>
            </li>
          </ul>
        </div>
        <div class="pt-2">
          <h6 class="mb-3 text-uppercase">Categories</h6>
          <ul class="list-unstyled fw-semibold mb-0">
            <li class="pt-1 pb-1">
              <a
                href="https://miso.bithemer.com/index.html#"
                class="link-body-emphasis"
                >Women</a
              >
            </li>
            <li class="pt-1 pb-1">
              <a
                href="https://miso.bithemer.com/index.html#"
                class="link-body-emphasis"
                >men</a
              >
            </li>
            <li class="pt-1 pb-1">
              <a
                href="https://miso.bithemer.com/index.html#"
                class="link-body-emphasis"
                >kids</a
              >
            </li>
            <li class="pt-1 pb-1">
              <a
                href="https://miso.bithemer.com/index.html#"
                class="link-body-emphasis"
                >Accessories</a
              >
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- /Offcanvas search -->

    <!-- Offcanvas cart -->
    <div
      class="offcanvas offcanvas-end border-start-0 p-3"
      tabindex="-1"
      id="ocCart"
      aria-labelledby="h5Cart"
    >
      <div class="offcanvas-header">
        <h3 class="offcanvas-title" id="h5Cart">Shopping cart</h3>
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="offcanvas"
          aria-label="Close"
        ></button>
      </div>
      <div class="offcanvas-body">
        <div class="mb-4">
          <div
            class="link-body-emphasis link-hover d-flex align-items-center mb-4"
          >
            <a
              href="https://miso.bithemer.com/single-product.html"
              class="flex-shrink-0"
            >
              <img src="./static/img/p1.jpg" width="100" alt="..." />
            </a>
            <div class="flex-grow-1 ms-2">
              <h6 class="fw-medium">
                <a
                  href="https://miso.bithemer.com/single-product.html"
                  class="link-body-emphasis"
                >
                  Fierent nomi vitupera
                </a>
              </h6>
              <small class="text-secondary d-block mb-1">
                <span>Price: </span>
                <strong>$59</strong>
                <strong>(1)</strong>
              </small>
              <small class="text-secondary d-block mb-1">
                <span>Options: </span>
                <strong>Red</strong>/
                <strong>XL</strong>
              </small>
              <a
                href="https://miso.bithemer.com/index.html#"
                class="d-flex align-items-center link-danger small"
              >
                <i class="bi bi-x"></i><span>Remove</span>
              </a>
            </div>
          </div>
          <div
            class="link-body-emphasis link-hover d-flex align-items-center mb-4"
          >
            <a
              href="https://miso.bithemer.com/single-product.html"
              class="flex-shrink-0"
            >
              <img src="./static/img/p2.jpg" width="100" alt="..." />
            </a>
            <div class="flex-grow-1 ms-3">
              <h6 class="fw-medium">
                <a
                  href="https://miso.bithemer.com/single-product.html"
                  class="link-body-emphasis"
                >
                  Fierent nomi vitupera
                </a>
              </h6>
              <small class="text-secondary d-block mb-1">
                <span>Price: </span>
                <strong>$59</strong>
                <strong>(2)</strong>
              </small>
              <small class="text-secondary d-block mb-1">
                <span>Options: </span>
                <strong>Red</strong>/
                <strong>XL</strong>
              </small>
              <a
                href="https://miso.bithemer.com/index.html#"
                class="d-flex align-items-center link-danger small"
              >
                <i class="bi bi-x"></i><span>Remove</span>
              </a>
            </div>
          </div>
          <div
            class="link-body-emphasis link-hover d-flex align-items-center mb-4"
          >
            <a
              href="https://miso.bithemer.com/single-product.html"
              class="flex-shrink-0"
            >
              <img src="./static/img/p3.jpg" width="100" alt="..." />
            </a>
            <div class="flex-grow-1 ms-3">
              <h6 class="fw-medium">
                <a
                  href="https://miso.bithemer.com/single-product.html"
                  class="link-body-emphasis"
                >
                  Fierent nomi vitupera
                </a>
              </h6>
              <small class="text-secondary d-block mb-1">
                <span>Price: </span>
                <strong>$59</strong>
                <strong>(1)</strong>
              </small>
              <small class="text-secondary d-block mb-1">
                <span>Options: </span>
                <strong>Red</strong>/
                <strong>XL</strong>
              </small>
              <a
                href="https://miso.bithemer.com/index.html#"
                class="d-flex align-items-center link-danger small"
              >
                <i class="bi bi-x"></i><span>Remove</span>
              </a>
            </div>
          </div>
          <div class="mb-4">
            <div class="text-end mb-2">
              <span class="fw-semibold h6">Total (3 items):</span>
              <span class="h4 text-danger fw-bolder"><sup>$</sup>285.85</span>
            </div>
            <p class="text-secondary text-end fsm-3">
              <em>* All taxes and fees included</em>
            </p>
          </div>
        </div>
        <div class="row g-3">
          <div class="col-6">
            <a
              href="https://miso.bithemer.com/shopping-cart.html"
              class="btn btn-lg fs-6 btn-outline-dark w-100 rounded-0"
            >
              <i class="bi bi-bag"></i>
              <span>View Cart</span>
            </a>
          </div>
          <div class="col-6">
            <a
              href="https://miso.bithemer.com/checkout.html"
              class="btn btn-lg fs-6 btn-dark w-100 rounded-0"
            >
              <i class="bi bi-credit-card"></i>
              <span>Checkout</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- /Offcanvas cart -->

    <!-- Modal Login -->
    <div
      class="modal fade"
      id="mdlLogin"
      data-bs-keyboard="false"
      tabindex="-1"
      aria-labelledby="mdlLoginTitle"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content p-3">
          <div class="modal-header">
            <h3 class="modal-title" id="mdlLoginTitle">Login</h3>
            <button
              type="button"
              class="btn-close shadow-none"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            <form
              class="needs-validation pt-2"
              method="post"
              novalidate=""
              action="https://miso.bithemer.com/dashboard.html"
            >
              <!-- Login Email -->
              <div class="mb-8">
                <div class="mb-4">
                  <label for="txtEmail2" class="form-label"
                    >Email<span class="text-danger">*</span></label
                  >
                  <input
                    class="form-control form-control-lg fs-6 shadow-none rounded-0"
                    type="email"
                    id="txtEmail2"
                    name="username2"
                    value=""
                    placeholder=""
                    required=""
                  />
                  <div class="invalid-feedback">Please enter email.</div>
                </div>
                <div class="mb-4">
                  <label for="txtPassword2" class="form-label"
                    >Password<span class="text-danger">*</span></label
                  >
                  <input
                    class="form-control form-control-lg fs-6 shadow-none rounded-0"
                    id="txtPassword2"
                    name="password2"
                    placeholder=""
                    value=""
                    type="password"
                    required=""
                  />
                  <div class="invalid-feedback">Please enter password.</div>
                </div>
                <div class="row">
                  <div class="col-6">
                    <div class="mb-4">
                      <div class="form-check">
                        <input
                          class="form-check-input shadow-sm"
                          type="checkbox"
                          value=""
                          id="chkRemember2"
                        />
                        <label class="form-check-label" for="chkRemember2"
                          ><span class="text-body">Remember me</span></label
                        >
                      </div>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="mb-4 text-end">
                      <a
                        href="https://miso.bithemer.com/index.html#mdlForgotPassword"
                        data-bs-toggle="modal"
                        >Forgot password?</a
                      >
                    </div>
                  </div>
                </div>
                <div class="mb-4">
                  <button
                    type="submit"
                    class="btn btn-lg fs-6 btn-dark w-50 rounded-0"
                    id="btnSubmit2"
                  >
                    <i class="bi bi-shield-lock"></i>
                    <span>Login</span>
                  </button>
                </div>
              </div>
              <hr />
              <div class="mb-2">
                New here?
                <a
                  href="https://miso.bithemer.com/index.html#mdlRegister"
                  data-bs-toggle="modal"
                  >Create an account</a
                >
              </div>
              <!-- /Login Email -->
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- /Modal Login -->

    <!-- Modal Forgot Password -->
    <div
      class="modal fade"
      id="mdlForgotPassword"
      data-bs-keyboard="false"
      tabindex="-1"
      aria-labelledby="mdlForgotPasswordTitle"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content p-3">
          <div class="modal-header">
            <h3 class="modal-title" id="mdlForgotPasswordTitle">
              Forgot Password
            </h3>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            <form
              class="needs-validation"
              method="post"
              novalidate=""
              action="https://miso.bithemer.com/new-password.html"
            >
              <div class="mb-4">
                <label for="txtEmail4" class="form-label"
                  >Email<span class="text-danger">*</span></label
                >
                <input
                  class="form-control form-control-lg fs-6 shadow-none rounded-0"
                  type="email"
                  id="txtEmail4"
                  name="username4"
                  value=""
                  placeholder=""
                  required=""
                />
                <div class="invalid-feedback">Please enter Email.</div>
              </div>
              <p>
                <strong class="fw-medium">Note:</strong> A link will be sent to
                your mail, you need to click on it to create a new password.
              </p>
              <div class="mb-4">
                <button
                  type="submit"
                  class="btn btn-lg fs-6 btn-dark w-50 rounded-0 rounded-0"
                  id="btnSubmit4"
                >
                  <i class="bi bi-envelope"></i>
                  <span>Send link</span>
                </button>
              </div>
              <hr />
              <div class="mb-2">
                Remember Password?
                <a
                  href="https://miso.bithemer.com/index.html#mdlLogin"
                  data-bs-toggle="modal"
                  >Login</a
                >
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- /Modal Forgot Password -->

    <!-- Modal Register -->
    <div
      class="modal fade"
      id="mdlRegister"
      data-bs-keyboard="false"
      tabindex="-1"
      aria-labelledby="mdlRegisterTitle"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content p-3">
          <div class="modal-header">
            <h3 class="modal-title" id="mdlRegisterTitle">Register</h3>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            <form
              class="needs-validation pt-2"
              method="post"
              novalidate=""
              action="https://miso.bithemer.com/login.html"
            >
              <!-- Register -->
              <div class="row">
                <div class="col-24">
                  <div class="mb-4">
                    <label for="txtEmail3" class="form-label"
                      >Email<span class="text-danger">*</span></label
                    >
                    <input
                      class="form-control form-control-lg fs-6 shadow-none rounded-0"
                      id="txtEmail3"
                      type="email"
                      name="email3"
                      value=""
                      placeholder=""
                      required=""
                    />
                    <div class="invalid-feedback">Please enter Email.</div>
                  </div>
                </div>
                <div class="col-24">
                  <div class="mb-4">
                    <label for="txtPassword3" class="form-label"
                      >Password<span class="text-danger">*</span></label
                    >
                    <input
                      class="form-control form-control-lg fs-6 shadow-none rounded-0"
                      id="txtPassword3"
                      name="password3"
                      placeholder=""
                      value=""
                      type="password"
                      required=""
                    />
                    <div class="invalid-feedback">Please enter password.</div>
                  </div>
                </div>
                <div class="col-24">
                  <div class="mb-4">
                    <label for="txtRetypePassword3" class="form-label"
                      >Retype password<span class="text-danger">*</span></label
                    >
                    <input
                      class="form-control form-control-lg fs-6 shadow-none rounded-0"
                      id="txtRetypePassword3"
                      name="retypepassword3"
                      placeholder=""
                      value=""
                      type="password"
                      required=""
                    />
                    <div class="invalid-feedback">Please enter password.</div>
                  </div>
                </div>
              </div>
              <div class="form-check mb-4">
                <input
                  class="form-check-input shadow-none rounded-0"
                  type="checkbox"
                  value=""
                  id="chckAgree3"
                  required=""
                />
                <label class="form-check-label" for="chckAgree3">
                  I agree to
                  <a href="https://miso.bithemer.com/index.html#" class="hover"
                    >terms and policy<span class="text-danger">*</span></a
                  >.
                </label>
              </div>
              <div class="mb-4">
                <button
                  class="btn btn-lg fs-6 btn-dark w-50 rounded-0"
                  id="btnSubmit3"
                >
                  <i class="bi bi-person-lock"></i>
                  <span>Register</span>
                </button>
              </div>
              <hr />
              <div class="mb-2">
                Already have an account?
                <a
                  href="https://miso.bithemer.com/index.html#mdlLogin"
                  data-bs-toggle="modal"
                  >Login</a
                >
              </div>
              <!-- /Register -->
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- /Modal Register -->

    <!-- Main -->
    <main>
      <!-- Hero slide -->
      <section
        id="hero"
        class="hero-carousel bg-body-secondary mb-5 pt-5 pb-5 pt-lg-0 pb-lg-0"
      >
        <div id="crsHero" class="carousel slide carousel-dark">
          <div class="carousel-indicators mb-0 mb-lg-5">
            <button
              type="button"
              data-bs-target="#crsHero"
              data-bs-slide-to="0"
              class="active"
              aria-current="true"
              aria-label="Slide 1"
            ></button>
            <button
              type="button"
              data-bs-target="#crsHero"
              data-bs-slide-to="1"
              aria-label="Slide 2"
            ></button>
            <button
              type="button"
              data-bs-target="#crsHero"
              data-bs-slide-to="2"
              aria-label="Slide 3"
            ></button>
          </div>
          <div class="carousel-inner pt-4 pt-lg-0">
            <div class="carousel-item active">
              <div class="container h-100">
                <div class="row h-100">
                  <div class="col-12 col-lg-6 h-100 d-flex align-items-center">
                    <div class="mb-5 mb-lg-0 pt-5">
                      <span class="fw-light d-block mb-2 text-uppercase"
                        >New Spring/ Summer 2024</span
                      >
                      <h1 class="display-2 fw-medium text-body-emphasis">
                        Up to 30% OFF
                        <span class="text-primary"> Pumpkin pants </span>
                      </h1>
                      <p class="text-secondary fw-light mb-5 fs-5">
                        Pumpkin pants for dog suspenders, Teddy Pomeranian pet
                        clothes
                      </p>
                      <a
                        href="https://miso.bithemer.com/product-grid.html"
                        class="btn btn-lg fs-6 btn-outline-dark rounded-0"
                      >
                        <span>Shop now</span>
                        <i class="bi bi-arrow-right"></i>
                      </a>
                    </div>
                  </div>
                  <div
                    class="col-12 col-lg-6 h-100 d-none d-lg-flex align-items-lg-center justify-content-end"
                  >
                    <img
                      src="./static/img/banner-dogs-cute-clothes.png"
                      class="h-100"
                      alt="..."
                    />
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="container h-100">
                <div class="row h-100">
                  <div class="col-12 col-lg-6 h-100 d-flex align-items-center">
                    <div class="mb-5 mb-lg-0 pt-5">
                      <span class="fw-light d-block mb-2 text-uppercase"
                        >New Winter</span
                      >
                      <h1 class="display-2 fw-medium text-body-emphasis">
                        Princess Wind <span class="text-primary"> 30% OFF</span>
                      </h1>
                      <p class="text-secondary fw-light mb-5 fs-5">
                        Winter Princess Wind Cat and Dog Flower tractable dress
                      </p>
                      <a
                        href="https://miso.bithemer.com/product-grid.html"
                        class="btn btn-lg fs-6 btn-outline-dark rounded-0"
                      >
                        <span>Shop now</span>
                        <i class="bi bi-arrow-right"></i>
                      </a>
                    </div>
                  </div>
                  <div
                    class="col-12 col-lg-6 h-100 d-none d-lg-flex align-items-lg-center justify-content-end"
                  >
                    <img
                      src="./static/img/banner-cats-cute-skirts.png"
                      class="h-100"
                      alt="..."
                    />
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <div class="container h-100">
                <div class="row h-100">
                  <div class="col-12 col-lg-6 h-100 d-flex align-items-center">
                    <div class="mb-5 mb-lg-0 pt-5">
                      <span class="fw-light d-block mb-2 text-uppercase"
                        >New Collection</span
                      >
                      <h1 class="display-2 fw-medium text-body-emphasis">
                        New 2024 <span class="text-primary">Recommended</span>
                      </h1>
                      <p class="text-secondary fw-light mb-5 fs-5">
                        Large dog winter warm golden Retriever Labrador Samoye
                        anti-hair clothes
                      </p>
                      <a
                        href="https://miso.bithemer.com/product-grid.html"
                        class="btn btn-lg fs-6 btn-outline-dark rounded-0"
                      >
                        <span>Shop now</span>
                        <i class="bi bi-arrow-right"></i>
                      </a>
                    </div>
                  </div>
                  <div
                    class="col-12 col-lg-6 h-100 d-none d-lg-flex align-items-lg-center justify-content-end"
                  >
                    <img
                      src="./static/img/banner-golden-dogs-clothes.png"
                      class="h-100"
                      alt="..."
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <button
            class="carousel-control-prev mb-5 d-none d-lg-flex"
            type="button"
            data-bs-target="#crsHero"
            data-bs-slide="prev"
          >
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
          </button>
          <button
            class="carousel-control-next mb-5 d-none d-lg-flex"
            type="button"
            data-bs-target="#crsHero"
            data-bs-slide="next"
          >
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
          </button>
        </div>
      </section>
      <!-- /Hero slide -->

      <!-- Categories all -->
      <section id="categories-all" class="mb-5 pb-4">
        <div class="container">
          <div class="mb-4 text-center">
            <h2>All Categories</h2>
            <span class="d-block text-secondary fs-5 fw-light"
              >shop all categories you will interested in !
            </span>
          </div>
          <div class="row" data-disabled="true">
            <div class="col-12 col-xl-3 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/mini-dog.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body text-center">
                    <h5 class="card-title h6">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Miniature dog</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-3 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/small-dog.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body text-center">
                    <h5 class="card-title h6">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Small dog</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-3 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/middle-dog.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body text-center">
                    <h5 class="card-title h6">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Medium-sized dog</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-3 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/big-dog.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body text-center">
                    <h5 class="card-title h6">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Large breed dog</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
          </div>
        </div>
        <div class="container">
          <div class="row" data-disabled="true">
            <div class="col-12 col-xl-2 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-bottom-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/dog-t-shirt.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body">
                    <h5 class="card-title">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >T-shirt</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-2 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-bottom-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/dog-skirts.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body">
                    <h5 class="card-title">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Skirt</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-2 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-bottom-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/dog-corner-coat.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body">
                    <h5 class="card-title">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Corner coat</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-2 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-bottom-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/dog-hoodie.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body">
                    <h5 class="card-title">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Hoodie</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-2 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-bottom-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/dog-sweater.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body">
                    <h5 class="card-title">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Sweater</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-2 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-bottom-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/dog-waistcoat.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body">
                    <h5 class="card-title">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Waistcoat</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-2 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-bottom-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/dog-coats.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body">
                    <h5 class="card-title">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Coat</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-2 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0 text-center cate-bottom-box">
                <div class="cate-box-inside">
                  <a
                    href="https://miso.bithemer.com/single-post.html"
                    class="d-block"
                  >
                    <img
                      src="./static/img/dogs-down-jacket.png"
                      class="card-img-top rounded-0"
                      alt="..."
                    />
                  </a>
                  <div class="card-body">
                    <h5 class="card-title">
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-body-emphasis"
                        >Down jacket</a
                      >
                    </h5>
                  </div>
                </div>
              </div>
              <!-- /Post -->
            </div>
          </div>
        </div>
      </section>
      <!-- /Categories all -->

      <!-- Categories -->
      <section id="categoties" class="mb-5">
        <div class="container">
          <h2
            class="d-none"
            data-show="true"
            style="
              animation-name: fadeIn;
              animation-duration: 600ms;
              animation-timing-function: ease;
              animation-delay: 0ms;
              animation-direction: normal;
              animation-fill-mode: both;
            "
          >
            Top Categories
          </h2>
          <div class="row g-2" data-disabled="true">
            <div class="col-12 col-lg-6">
              <a
                href="https://miso.bithemer.com/product-grid.html"
                class="card card-top-category text-bg-dark border-0 rounded-0"
              >
                <img
                  src="./static/img/c1.jpg"
                  class="card-img rounded-0"
                  alt="..."
                />
                <div class="card-img-overlay m-3">
                  <h3 class="h4 card-title text-body-emphasis">Women's wear</h3>
                  <span class="card-text text-secondary">1234 items</span>
                </div>
              </a>
            </div>
            <div class="col-12 col-lg-6">
              <div class="row g-2">
                <div class="col-12 col-md-6">
                  <a
                    href="https://miso.bithemer.com/product-grid.html"
                    class="card card-top-category text-bg-dark border-0 rounded-0"
                  >
                    <img
                      src="./static/img/c2.jpg"
                      class="card-img rounded-0"
                      alt="..."
                    />
                    <div class="card-img-overlay m-3">
                      <h3 class="h4 card-title text-body-emphasis">
                        Kid's wear
                      </h3>
                      <span class="card-text text-secondary">3145 items</span>
                    </div>
                  </a>
                </div>
                <div class="col-12 col-md-6">
                  <a
                    href="https://miso.bithemer.com/product-grid.html"
                    class="card card-top-category text-bg-dark border-0 rounded-0"
                  >
                    <img
                      src="./static/img/c3.jpg"
                      class="card-img rounded-0"
                      alt="..."
                    />
                    <div class="card-img-overlay m-3">
                      <h3 class="h4 card-title text-body-emphasis">
                        Men's wear
                      </h3>
                      <span class="card-text text-secondary">2314 items</span>
                    </div>
                  </a>
                </div>
                <div class="col-12">
                  <a
                    href="https://miso.bithemer.com/product-grid.html"
                    class="card card-top-category text-bg-dark border-0 rounded-0"
                  >
                    <img
                      src="./static/img/c4.jpg"
                      class="card-img rounded-0"
                      alt="..."
                    />
                    <div class="card-img-overlay m-3">
                      <h3 class="h4 card-title text-body-emphasis">
                        Accessories
                      </h3>
                      <span class="card-text text-secondary">234 items</span>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- /Categories -->

      <!-- New Arrival-->
      <section id="arrival" class="mb-5 pt-4 pb-4">
        <div class="container">
          <div class="mb-4 text-center">
            <h2>New Arrival</h2>
            <span class="d-block text-secondary fs-5 fw-light"
              >Facer minimum adversarium ut mei</span
            >
          </div>
          <div class="tns-outer" id="tns1-ow">
            <div
              class="tns-liveregion tns-visually-hidden"
              aria-live="polite"
              aria-atomic="true"
            >
              slide <span class="current">9 to 12</span> of 5
            </div>
            <div id="tns1-mw" class="tns-ovh">
              <div class="tns-inner" id="tns1-iw">
                <div
                  class="ts-product tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal"
                  id="tns1"
                  style="
                    transition-duration: 0s;
                    transform: translate3d(-38.0952%, 0px, 0px);
                  "
                >
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p6.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p7.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p8.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p4.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p5.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p6.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p7.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p8.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="tns-item tns-slide-active" id="tns1-item0">
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p4.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="tns-item tns-slide-active" id="tns1-item1">
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p5.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="tns-item tns-slide-active" id="tns1-item2">
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p6.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="tns-item tns-slide-active" id="tns1-item3">
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p7.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item"
                    id="tns1-item4"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p8.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p4.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p5.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p6.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p7.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p8.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p4.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p5.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="tns-item tns-slide-cloned"
                    aria-hidden="true"
                    tabindex="-1"
                  >
                    <div
                      class="card card-product text-center border-0 rounded-0"
                    >
                      <div
                        class="card-img-box position-relative overflow-hidden"
                      >
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="card-img-link"
                        >
                          <img
                            src="./static/img/p6.jpg"
                            class="card-img-top rounded-0"
                            alt="..."
                          />
                        </a>
                        <a
                          href="https://miso.bithemer.com/shopping-cart.html"
                          class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                        >
                          <i class="bi bi-bag"></i>
                          <span>Add to cart</span>
                        </a>
                        <button
                          type="button"
                          class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                        >
                          <i class="bi bi-heart"></i>
                        </button>
                      </div>
                      <div class="card-body">
                        <h5 class="card-title fw-normal">
                          <a
                            href="https://miso.bithemer.com/single-product.html"
                            class="link-body-emphasis"
                            >Simul intellegam</a
                          >
                        </h5>
                        <div class="card-text">
                          <strong class="text-danger">$89</strong>
                          <del class="text-secondary">$99</del>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="tns-nav" aria-label="Carousel Pagination">
              <button
                type="button"
                data-nav="0"
                aria-controls="tns1"
                aria-label="Carousel Page 1 (Current Slide)"
                class="tns-nav-active"
              ></button
              ><button
                type="button"
                data-nav="1"
                tabindex="-1"
                aria-controls="tns1"
                aria-label="Carousel Page 2"
              ></button
              ><button
                type="button"
                data-nav="2"
                tabindex="-1"
                aria-controls="tns1"
                aria-label="Carousel Page 3"
              ></button
              ><button
                type="button"
                data-nav="3"
                tabindex="-1"
                aria-controls="tns1"
                aria-label="Carousel Page 4"
              ></button
              ><button
                type="button"
                data-nav="4"
                tabindex="-1"
                aria-controls="tns1"
                aria-label="Carousel Page 5"
              ></button>
            </div>
          </div>
        </div>
      </section>
      <!-- /New Arrival-->

      <!-- Promotion -->
      <section class="promotion bg-light mb-5">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-12 col-lg-6">
              <div class="mb-5 mb-lg-0 pt-5 pb-0 pb-lg-5">
                <span class="fs-2">Only Summer Collections</span>
                <h2 class="display-4 fw-medium">
                  Up To <span class="text-danger">40%</span> Off
                </h2>
                <p class="fw-light fs-5 mb-4">
                  Putant admodum contentiones te ius, in vel dicat platonem
                  omittantur, sit ex error tractatos no pri prima discere
                  molestie.
                </p>
                <a
                  href="https://miso.bithemer.com/product-grid.html"
                  class="btn btn-lg fs-6 btn-dark rounded-0"
                >
                  <span>Shop now</span>
                  <i class="bi bi-arrow-right"></i>
                </a>
              </div>
            </div>
            <div class="col-12 col-lg-6">
              <div class="text-center">
                <img src="./static/img/p1.png" class="w-100" alt="" />
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Promotion -->

      <!-- Bestsellers -->
      <section id="bestsellers" class="pt-4 mb-5 pb-4">
        <div class="container">
          <div class="mb-4 text-center">
            <h2>Bestsellers</h2>
            <span class="d-block text-secondary fs-5 fw-light"
              >Facer minimum adversarium ut mei</span
            >
          </div>
          <!-- Tab Navs -->
          <ul
            class="nav small justify-content-center mb-4 fw-medium"
            id="myTab"
            role="tablist"
          >
            <li class="nav-item" role="presentation">
              <button
                class="nav-link text-uppercase active"
                id="home-tab"
                data-bs-toggle="tab"
                data-bs-target="#home-tab-pane"
                type="button"
                role="tab"
                aria-controls="home-tab-pane"
                aria-selected="true"
              >
                Women
              </button>
            </li>
            <li class="nav-item" role="presentation">
              <button
                class="nav-link text-uppercase"
                id="profile-tab"
                data-bs-toggle="tab"
                data-bs-target="#profile-tab-pane"
                type="button"
                role="tab"
                aria-controls="profile-tab-pane"
                aria-selected="false"
                tabindex="-1"
              >
                Men
              </button>
            </li>
            <li class="nav-item" role="presentation">
              <button
                class="nav-link text-uppercase"
                id="contact-tab"
                data-bs-toggle="tab"
                data-bs-target="#contact-tab-pane"
                type="button"
                role="tab"
                aria-controls="contact-tab-pane"
                aria-selected="false"
                tabindex="-1"
              >
                Kids
              </button>
            </li>
            <li class="nav-item" role="presentation">
              <button
                class="nav-link text-uppercase"
                id="disabled-tab"
                data-bs-toggle="tab"
                data-bs-target="#disabled-tab-pane"
                type="button"
                role="tab"
                aria-controls="disabled-tab-pane"
                aria-selected="false"
                tabindex="-1"
              >
                Accessories
              </button>
            </li>
          </ul>
          <!-- Tab Navs -->
          <!-- Tab content-->
          <div class="tab-content" id="myTabContent">
            <div
              class="tab-pane fade show active"
              id="home-tab-pane"
              role="tabpanel"
              aria-labelledby="home-tab"
              tabindex="0"
            >
              <div class="row g-4">
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p8.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p9.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p10.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p11.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="text-center pt-4">
                <a
                  href="https://miso.bithemer.com/product-grid.html"
                  class="fw-medium link-body-emphasis"
                >
                  <span>View all</span>
                  <i class="bi bi-arrow-right"></i>
                </a>
              </div>
            </div>
            <div
              class="tab-pane fade"
              id="profile-tab-pane"
              role="tabpanel"
              aria-labelledby="profile-tab"
              tabindex="0"
            >
              <div class="row g-4">
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p24.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p25.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p26.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p27.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="text-center pt-4">
                <a
                  href="https://miso.bithemer.com/product-grid.html"
                  class="fw-medium link-body-emphasis"
                >
                  <span>View all</span>
                  <i class="bi bi-arrow-right"></i>
                </a>
              </div>
            </div>
            <div
              class="tab-pane fade"
              id="contact-tab-pane"
              role="tabpanel"
              aria-labelledby="contact-tab"
              tabindex="0"
            >
              <div class="row g-4">
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p20.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p21.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p22.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p23.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="text-center pt-4">
                <a
                  href="https://miso.bithemer.com/product-grid.html"
                  class="fw-medium link-body-emphasis"
                >
                  <span>View all</span>
                  <i class="bi bi-arrow-right"></i>
                </a>
              </div>
            </div>
            <div
              class="tab-pane fade"
              id="disabled-tab-pane"
              role="tabpanel"
              aria-labelledby="disabled-tab"
              tabindex="0"
            >
              <div class="row g-4">
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p28.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p29.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p30.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-3 col-lg-4 col-md-6">
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p31.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="text-center pt-4">
                <a
                  href="https://miso.bithemer.com/product-grid.html"
                  class="fw-medium link-body-emphasis"
                >
                  <span>View all</span>
                  <i class="bi bi-arrow-right"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- /Bestsellers -->

      <!-- Blog -->
      <section id="blog" class="mb-5 pb-4">
        <div class="container">
          <div class="mb-4 text-center">
            <h2>Miso blog</h2>
            <span class="d-block text-secondary fs-5 fw-light"
              >Facer minimum adversarium ut mei</span
            >
          </div>
          <div class="row" data-disabled="true">
            <div class="col-12 col-xl-3 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0">
                <a
                  href="https://miso.bithemer.com/single-post.html"
                  class="d-block"
                >
                  <img
                    src="./static/img/b1.jpg"
                    class="card-img-top rounded-0"
                    alt="..."
                  />
                </a>
                <div class="card-body">
                  <h3 class="card-title h5">
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="link-body-emphasis"
                      >Nec graeco phaedrum cu, per te tacimates vituperata.</a
                    >
                  </h3>
                  <span class="d-block text-secondary mb-2">
                    <small class="me-2">
                      <i class="bi bi-person"></i>
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-secondary"
                        >Admin</a
                      >
                    </small>
                    <small class="me-2">
                      <i class="bi bi-calendar4-week"></i>
                      <span>3 hours ago</span>
                    </small>
                    <small>
                      <i class="bi bi-chat"></i>
                      <span>21</span>
                    </small>
                  </span>
                  <a href="https://miso.bithemer.com/index.html#">
                    <span>View more</span>
                    <i class="bi bi-arrow-right"></i>
                  </a>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-3 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0">
                <a
                  href="https://miso.bithemer.com/single-post.html"
                  class="d-block"
                >
                  <img
                    src="./static/img/b2.jpg"
                    class="card-img-top rounded-0"
                    alt="..."
                  />
                </a>
                <div class="card-body">
                  <h3 class="card-title h5">
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="link-body-emphasis"
                      >Nec graeco phaedrum cu, per te tacimates vituperata.</a
                    >
                  </h3>
                  <span class="d-block text-secondary mb-2">
                    <small class="me-2">
                      <i class="bi bi-person"></i>
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-secondary"
                        >Admin</a
                      >
                    </small>
                    <small class="me-2">
                      <i class="bi bi-calendar4-week"></i>
                      <span>3 hours ago</span>
                    </small>
                    <small>
                      <i class="bi bi-chat"></i>
                      <span>21</span>
                    </small>
                  </span>
                  <a href="https://miso.bithemer.com/index.html#">
                    <span>View more</span>
                    <i class="bi bi-arrow-right"></i>
                  </a>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-3 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0">
                <a
                  href="https://miso.bithemer.com/single-post.html"
                  class="d-block"
                >
                  <img
                    src="./static/img/b3.jpg"
                    class="card-img-top rounded-0"
                    alt="..."
                  />
                </a>
                <div class="card-body">
                  <h3 class="card-title h5">
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="link-body-emphasis"
                      >Nec graeco phaedrum cu, per te tacimates vituperata.</a
                    >
                  </h3>
                  <span class="d-block text-secondary mb-2">
                    <small class="me-2">
                      <i class="bi bi-person"></i>
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-secondary"
                        >Admin</a
                      >
                    </small>
                    <small class="me-2">
                      <i class="bi bi-calendar4-week"></i>
                      <span>3 hours ago</span>
                    </small>
                    <small>
                      <i class="bi bi-chat"></i>
                      <span>21</span>
                    </small>
                  </span>
                  <a href="https://miso.bithemer.com/index.html#">
                    <span>View more</span>
                    <i class="bi bi-arrow-right"></i>
                  </a>
                </div>
              </div>
              <!-- /Post -->
            </div>
            <div class="col-12 col-xl-3 col-lg-4 col-md-6">
              <!-- Post -->
              <div class="card border-0 rounded-0">
                <a
                  href="https://miso.bithemer.com/single-post.html"
                  class="d-block"
                >
                  <img
                    src="./static/img/b11.jpg"
                    class="card-img-top rounded-0"
                    alt="..."
                  />
                </a>
                <div class="card-body">
                  <h3 class="card-title h5">
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="link-body-emphasis"
                      >Nec graeco phaedrum cu, per te tacimates vituperata.</a
                    >
                  </h3>
                  <span class="d-block text-secondary mb-2">
                    <small class="me-2">
                      <i class="bi bi-person"></i>
                      <a
                        href="https://miso.bithemer.com/index.html#"
                        class="link-secondary"
                        >Admin</a
                      >
                    </small>
                    <small class="me-2">
                      <i class="bi bi-calendar4-week"></i>
                      <span>3 hours ago</span>
                    </small>
                    <small>
                      <i class="bi bi-chat"></i>
                      <span>21</span>
                    </small>
                  </span>
                  <a href="https://miso.bithemer.com/index.html#">
                    <span>View more</span>
                    <i class="bi bi-arrow-right"></i>
                  </a>
                </div>
              </div>
              <!-- /Post -->
            </div>
          </div>
          <div class="text-center pt-4">
            <a
              href="https://miso.bithemer.com/index.html#"
              class="btn btn-lg btn-outline-dark fs-6 rounded-0"
            >
              <span>View all</span>
              <i class="bi bi-arrow-right"></i>
            </a>
          </div>
        </div>
      </section>
      <!-- /Blog -->
    </main>
    <!-- /Main -->

    <!-- Footer -->
    <footer id="footer" class="pt-5 pb-5 bg-dark" data-bs-theme="dark">
      <div class="container">
        <!-- Footer top -->
        <div class="border-bottom text-body-tertiary">
          <div class="row">
            <div
              class="col-12 col-lg-3 col-md-6"
              data-show="true"
              style="
                animation-name: fadeIn;
                animation-duration: 600ms;
                animation-timing-function: ease;
                animation-delay: 0ms;
                animation-direction: normal;
                animation-fill-mode: both;
              "
            >
              <!-- Brand -->
              <div class="mb-5">
                <a
                  href="https://miso.bithemer.com/index.html"
                  class="d-inline-flex align-items-center fs-3 fw-semibold text-white mb-4"
                >
                  <img src="./static/img/logo-footer.png" alt="" height="32" />
                </a>
                <p>
                  <em
                    >Sed diam constituam ei, qui erat probo dissentiet ex. Id
                    vim libris volutpat, pri cu errem timeam cotidieque, purto
                    summo has te. An quis eligendi atomorum duo, latine veritus
                    vituperata vim.</em
                  >
                </p>
              </div>
              <!-- /Brand -->
            </div>
            <div
              class="col-12 col-lg-3 col-md-6"
              data-show="true"
              style="
                animation-name: fadeIn;
                animation-duration: 600ms;
                animation-timing-function: ease;
                animation-delay: 100ms;
                animation-direction: normal;
                animation-fill-mode: both;
              "
            >
              <!-- Contact Info -->
              <div class="mb-4">
                <h5 class="text-body-emphasis">Contact Info</h5>
                <div class="pt-2">
                  <p>
                    <span>610 Placer Loquen, Paris, France.</span>
                  </p>
                  <p>
                    <span>+33 321-654-9876 (Ext: 123).</span>
                  </p>
                  <p>
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="text-body link-hover-primary"
                      >contact@example.com</a
                    >
                  </p>
                  <p>
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="text-body link-hover-primary"
                      >www.example.com</a
                    >
                  </p>
                </div>
              </div>
              <!-- /Contact Info -->
            </div>
            <div
              class="col-12 col-lg-3 col-md-6"
              data-show="true"
              style="
                animation-name: fadeIn;
                animation-duration: 600ms;
                animation-timing-function: ease;
                animation-delay: 200ms;
                animation-direction: normal;
                animation-fill-mode: both;
              "
            >
              <!-- Quick Links -->
              <div class="mb-4">
                <h5 class="text-body-emphasis">Quick Links</h5>
                <div class="row">
                  <div class="col-6">
                    <ul class="nav flex-column">
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/about.html"
                          >About</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/blog.html"
                          >BLog</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/blank.html"
                          >Help?</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/contact.html"
                          >Contact Us</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="col-6">
                    <ul class="nav flex-column">
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/product-grid.html"
                          >Women</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/product-grid.html"
                          >Men</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/product-grid.html"
                          >Kids</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/product-grid.html"
                          >Accessories</a
                        >
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <!-- /Quick Links -->
            </div>
            <div
              class="col-12 col-lg-3 col-md-6"
              data-show="true"
              style="
                animation-name: fadeIn;
                animation-duration: 600ms;
                animation-timing-function: ease;
                animation-delay: 300ms;
                animation-direction: normal;
                animation-fill-mode: both;
              "
            >
              <div class="mb-4">
                <!-- Mobile App -->
                <div class="mb-3">
                  <h5 class="text-body-emphasis">Subscribe</h5>
                  <div class="mb-4">
                    <small class="d-block mb-2"
                      >Lorem ipsum dolor sit amet, pro no prima</small
                    >
                    <div class="input-group input-group-lg mb-3">
                      <input
                        type="text"
                        class="form-control fs-6 shadow-none rounded-0"
                        placeholder="Recipient&#39;s username"
                        aria-label="Recipient&#39;s username"
                        aria-describedby="button-addon2"
                      />
                      <button
                        class="btn btn-primary fs-6 rounded-0"
                        type="button"
                        id="button-addon2"
                      >
                        Submit
                      </button>
                    </div>
                  </div>
                </div>
                <!-- /Mobile App -->
                <!-- Social -->
                <div class="mb-4">
                  <h5 class="text-body-emphasis mb-3">Connect social</h5>
                  <div class="social-links d-inline-flex align-items-center">
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-facebook"></i
                    ></a>
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-twitter"></i
                    ></a>
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-instagram"></i
                    ></a>
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-pinterest"></i
                    ></a>
                    <a
                      href="https://miso.bithemer.com/index.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-youtube"></i
                    ></a>
                  </div>
                </div>
                <!-- /Social -->
              </div>
            </div>
          </div>
        </div>
        <!-- /Footer top -->
        <!-- Footer Bottom -->
        <div class="mt-4 text-body-tertiary" data-bs-theme="dark">
          <div class="row">
            <div class="col-12 col-lg-6">
              <p>© 2023 Miso. All rights reserved.</p>
            </div>
            <div class="col-12 col-lg-6">
              <div class="text-start text-md-end">
                <ul class="list-inline">
                  <li class="list-inline-item">
                    <a
                      class="text-body link-hover-primary"
                      href="https://miso.bithemer.com/blank.html"
                      >Privacy Policy</a
                    >
                  </li>
                  <li class="list-inline-item">
                    <a
                      class="text-body link-hover-primary"
                      href="https://miso.bithemer.com/blank.html"
                      >Terms of Use</a
                    >
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- /Footer Bottom -->
      </div>
    </footer>
    <!-- /Footer -->

    <!-- Preloader -->

    <!-- /Preloader -->

    <script src="./static/js/bootstrap.bundle.min.js"></script>
    <script src="./static/js/glightbox.min.js"></script>
    <script src="./static/js/scrollcue.min.js"></script>
    <script src="./static/js/tiny-slider.min.js"></script>
    <script src="./static/js/countdown.min.js"></script>
    <script src="./static/js/main.js"></script>
  </body>
</html>
